<template>
  <div class="EditBan flex" @click="showWorkGroup">
    <div class="flex-item" style="flex: 1">
      <span class="title">专辑</span>
      <div class="minifont">
        <slot  name="subtitle">subtitle</slot>
      </div>
    </div>
    <div class="flex-item" style="padding-top: .6rem;">
      <span v-if="is_me" class="editbtn minifont">点击编辑</span>
    </div>
    <div class="flex-item" style="flex: 1">

    </div>
  </div>
</template>
<script>
module.exports={
  props:{
    is_me:{
      type:[Boolean,Number],
      default:0
    }
  },
  methods:{
    showWorkGroup(){
      this.$emit('showworkgroup')
    }
  }
}
</script>
<style scoped>
  .EditBan{
    display: flex;
    justify-content: center;
    border: 1px solid #8C8B8B;
    border-radius: 10px;
  }
  .flex-item:nth-child(1){flex: 1;line-height: .93rem}
  .flex-item:nth-child(2){flex: 2;}
  .flex-item:nth-child(3){
    flex: 1;
    line-height: .93rem;
    background: url('../../assets/img/palette.png') no-repeat center;
    background-size: 50%;
  }
  .title{font-size: .42rem;font-weight: bold;color: black}
</style>
